<html>
<head>
    <title>Popshouse Admin</title>
    
    <link rel="stylesheet" href="{{ asset('css/reset.css') }}" type="text/css" media="screen, projection">
   
    <style type="text/css">
    body,div{margin:0;padding:0;}
    a{color:inherit;text-decoration:none;outline:0;}
    a:hover,a:selected,a:visited{outline:0;}
    input:focus,textarea:focus,checkbox:focus,radio:focus{outline:0;}
   
    body{
        font-family:calibri,verdana;
    	font-size:12px;
    }

    .header{
        background: url('{{ asset('images/layout/admin/bg/top.jpg') }}') repeat-x top left;
        width:100%;
        color:#fff;
        height:92px;
    }
    .header h1{
    	line-height:92px;
    	font-size:18px;
        font-weight:normal;
        text-shadow: #000 1px 1px 2px;
        
    }
    .menu{
        background: url('{{ asset('images/layout/admin/bg/menu.png') }}') repeat-x left top;
        height:39px;
        width:100%;
        color:#fff;
    }
    .menu ul{
    	list-style:none;
        margin:0;padding:0;
    }
    .menu ul li{
    	float:left;
        height:39px;
        vertical-align:top;
       /* border-right: 1px solid #6a6a6a;
        border-left: 1px solid #424242;*/
        padding:0 10px;
        background: url('{{ asset('images/layout/admin/bg/divider.png') }}') no-repeat right 50%;
    }

    .menu ul li a{
    	line-height:39px;
        text-decoration:none;
        font-weight:bold;
        padding:5px 10px;
        font-size:14px;
    vertical-align:50%;
    
        
    }
    .menu ul li a:hover, .menu ul li a.active{
    	-moz-box-shadow: inset 0 0 3px 2px #383838;
	    -webkit-box-shadow: inset 0 0 3px 2px#383838;
        -khtml-box-shadow: inset 0 0 3px 2px#383838;
	   box-shadow: inset 0 0 3px 2px #383838;
        border-radius: 10px;
        border: 1px solid #777777;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding:5px 9px;
    text-shadow: #202020 1px 1px 2px;
	}
    .menu ul li.first{
    	border-left:none;
        padding-left:0;
    }
    .menu ul li.last{
        border-right:none;
        padding-right:0;
        background:none;
    
    }
	/*.menu ul li:before
	{
		display:block;
	content:url('{{ asset('images/layout/admin/bg/divider.png') }}');
	
	}*/
    /*.submenu{
        background: url('{{ asset('images/layout/admin/bg/submenu.png') }}') repeat-x left top;
        height:39px;
        width:100%;
    }*/
    .container{
       margin: 0 auto;
        width: 900px;
    }
    .center{
        margin: 0 auto;
    }
    
    .body{
         background: url('{{ asset('images/layout/admin/bg/content_repeat.jpg') }}') repeat-x left top;
         width:100%;
         padding-top:10px;
        font-size:13px;
    }
    .body h1{
    	color:#4b4b4b;
        font-size:26px;
        font-weight:normal;
        margin:20px 0;
    }
    .content_wrapper_left{
    
       background: url('{{ asset('images/layout/admin/bg/shadow_left.jpg') }}') no-repeat left 50%;
       padding: 0 0 0 20px;
       width: 942px;
       
    }
    .content_wrapper_right{
        background: url('{{ asset('images/layout/admin/bg/shadow_right.jpg') }}') no-repeat right 50%;
        padding: 0 20px 0 0;
        width:922px;
    }
    
    .content_wrapper{
        border: 1px solid #d7d7d7;
        -webkit-border-radius:5px;
        -moz-border-radius: 5px;
        -khtml-border-radius:5px;
        border-radius:5px;
        padding: 10px;
        width:900px;
        min-height:300px;
        
    }
    
    .left{float:left}
    .content_wrapper h1{
	   color:#ccc;
        font-size:22px;
        border-bottom: 2px solid #ccc;
        margin-bottom:10px;
    }
    .content_wrapper h2{
       color:#9a9b9d;
        font-size:22px;
        width:100%;
        font-weight:normal;
        border-bottom: 1px solid #ccc;
    margin-bottom:10px;
    }
    .side{
    	 width:200px;margin-right:20px;
    }
    
    .side ul{
	   list-style:none;
       margin: 0;
        padding:0;
    }
    .side ul li{
    	background: url('{{ asset('images/layout/admin/bg/border_gradient_transparent.gif') }}') no-repeat 0 bottom;
    	/*border-bottom: 1px solid #f1f1f1;*/
        margin:0;
        vertical-align:middle;
        min-height:30px;
        width:200px;
    }
    .side ul li a{
    	text-decoration:none;
        line-height:30px;
        padding-left:10px;
        background: url('{{ asset('images/layout/admin/icon/submenu_picto.gif') }}') no-repeat right 50%;
        width:190px;
        position:relative;
        display:block;
    }
    .side ul li a:hover{
    	  background-image: url('{{ asset('images/layout/admin/icon/submenu_picto_hover.gif') }}');
    }
    
    .message{
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        font-weight:bold;
        vertical-align:middle;
        min-height:30px;
        padding: 1px 10px;
        line-height:30px;
        margin: 5px 0;
    }
    .message-red{
    	background-color:#fbd3b1;
        border: 1px solid #f5c69a;
        color:#cf1c1c;
    }
    .message-green{
        background-color:#e0f2cb;
        border: 1px solid #ccebac;
        color:#6da827;
    }
    .message span.close{
    	float:right;
        margin-right:5px;
        height:27px;
        width:27px;
        cursor:pointer;
    }
    
	ul.errors{color: #ff003C;list-style-type:square;}
	ul.errors li{display:list-item;float:none;}
	
    ol.images{list-style:none;text-align:left;margin:0;padding:0;}
    ol.images li{float:left; width:56px;height:56px; margin:2px;}
    ol img.bg{border:3px solid #ff6600; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    width:50px;height:50px}
    
    ol.images li::after {content: '.';display: block;height: 0;clear: both;visibility: hidden;}
    ol.images::after {content: '.';display: block;height: 0;clear: both;visibility: hidden;}
    
.textCtrl {font-size: 13px;font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;color: black;background-color: white;padding: 3px;margin-bottom: 2px;border: 1px solid silver;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;outline: 0;}

    
    ul.strings{list-style:none;}
    ul.strings ul{list-style:none;}


    .nieuws li{
       height:50px;
        line-height:50px;
    padding:0;
    }
    
    .nieuws li img{
        max-height:50px;
    max-width:50px;
    vertical-align:middle;
    padding:0;
    margin:0;
}
    .nieuws a{
        line-height:50px;
        font-size:20px;
vertical-align:middle;
    }
    
  a.action span {
    font-weight: bold;
    font-size: 11px;
    font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    background: #2f2f2f url('{{ asset('images/layout/button/button-25px.png') }}') repeat-x center -8px;
    padding: 0 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    display: block;
        cursor:pointer;
    }
    
    a.action {
    background: #202020 url('{{ asset('images/layout/button/button-25px.png') }}') repeat-x center top;
    padding: 2px;
    border: 1px solid #202020;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    display: inline-block;
    line-height: 20px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    outline: 0 none;
    height: 20px;
    }
    
        a.action:active span {
        background-color: #176093;
        }
        a.action:hover span {
        background-color: #ff4400;
        }

input[type="text"],input[type="url"], input[type="password"], textarea {
	font-size: 13px;font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;color: black;background-color: white;padding: 3px;margin-bottom: 2px;border: 1px solid silver;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;outline: 0;}
textarea:focus {
background: #f8f8c2;
    color:black;
    border-top-color: #969696;
border-bottom-color: #E6E6E6;
}

input[type="text"]:focus,input[type="url"]:focus, input[type="password"]:focus {
background: ivory url('{{ asset('images/layout/bg/form-focus-small.png') }}') repeat-x;
border-top-color: #969696;
border-bottom-color: #E6E6E6;
    color:black;
}
.sortable li{cursor:move;}

{% block css %}
{% endblock %}
    </style>
    <link rel="stylesheet" href="{{ asset('css/ui-lightness/jquery-ui.css') }}" type="text/css" media="screen, projection">
    
    
    <script type="text/javascript">if (!window.jQuery) { document.write('<scr'+'ipt type="text/javascript" src="{{ asset('js/jquery.min.js') }}"><\/scr'+'ipt>'); }</script> 
<script type="text/javascript" src="{{ asset('js/jquery.form.js') }}"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="{{ asset('js/tiny_mce/jquery.tinymce.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.livequery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.elastic.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.prettyLoader.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/admin.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/swfupload/swfupload.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/handlers.js') }}"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('.message .close').livequery('click',function(){ $(this).parent().slideUp(200); });
        {% block js %}

        {% endblock %}
    });
    </script>

</head>
<body>

    <div class="header">
        <div class="container">
       <h1>
        Popshouse beheerpaneel
       </h1>
       </div>
    </div>
    <div class="menu">
        <div class="container">
           <ul>
               <li class="first"><a href="{{ path('index') }}" {% if active is sameas('home') %}class="active"{% endif %}>Home</a></li>
               <li><a href="{{ path('page') }}" {% if active is sameas('page') %}class="active"{% endif %}>Foto's</a></li>
               <li><a href="{{ path('admin_news') }}" {% if active is sameas('news') %}class="active"{% endif %}>Nieuws</a></li>
               <li><a href="{{ path('trans') }}" {% if active is sameas('trans') %}class="active"{% endif %}>Vertalen</a></li>
               <li><a href="{{ path('bg') }}" {% if active is sameas('bg') %}class="active"{% endif %}>Achtergronden</a></li>
               <li><a href="{{ path('admin_links') }}" {% if active is sameas('links') %}class="active"{% endif %}>Links</a></li>
               <li><a href="{{ path('pricing') }}" {% if active is sameas('pricing') %}class="active"{% endif %}>Reservaties</a></li>
               <li><a href="http://analytics.google.com" target="_blank">Statistieken</a></li>
               <li class="last"><a href="{{ path('logout') }}">Logout</a></li>
           </ul>
           </div>
    </div>
    <div class="body">
        <div class="center" style="width:942px;">
         <h1>{% block title %}Admin{% endblock %}</h1>
        <div class="content_wrapper_left">
        <div class="content_wrapper_right">
        <div class="content_wrapper">
   
        {% block content %}
        
        {% endblock %}
        <div style="clear:both;">&nbsp;</div>
        </div></div></div>
        </div>
    </div>
    <div>&nbsp;</div>


</body>
</html>